<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>Starter Template for Bootstrap</title>

		<!-- Bootstrap core CSS -->
		<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/therapyPage.css" />
		<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

		<script type="text/javascript">
			document.getElementsByTagName('html')[0].style.fontSize = window.screen.width / 10 + 'px';
		</script>
	</head>

	<body>

		<nav class="navbar navbar-inverse nav">
			<div class="fl fs4 logo hospitalName">虹の会</div>
			<div class="fl name">
				<p>こんにちは、</p>
				<p>
					今日は<span class="nowTime">2017年6月6日</span>。予約が <span class="cl_yellow bold">4</span>件あります。
				</p>
			</div>
			<div class="fr">
				<ul class="user">
					<li>
						<img src="../images/hospitalLogo.png" class="hospitalImg" />
					</li>
					<li class="user1">
						<img src="../images/icon_user.png" />
						<span class="userName">user</span>
						<img src="../images/icon_down.png" />
						<ul class="usersele">
							<li>修改密码</li>
							<li>登出</li>
						</ul>
					</li>
				</ul>
			</div>
		</nav>
		<div class="clear content">
			<div class="bold bule">診断画面</div>
			<div class="col-md-4 col-sm-4 over">
				<div class="left">

					<div class="faceTime">
						<!--视屏区域-->
						诊疗视频完成
					</div>
					<div class="title">
						<p>
							患者名前：<span>王さん</span>
							<span class="rights">プロフィール＞</span>
						</p>
					</div>
					<div class="chat">
						<ul>
							<li>
								<p class="Question">
									Q: <span class="question1">问题文体问题</span>
									<img src="../images/icon_Q.png" />
								</p>
							</li>
							<li>
								<div class="answer">
									A: <span class="answer1">回答回答</span>
									<img src="../images/icon_A.png" />
								</div>
							</li>
						</ul>

					</div>
				</div>
			</div>
			<div class="col-md-8 col-sm-8 over">
				<div class="right">
					<p class="rtitle">操作バー</p>
					<div class="col-md-4 col-sm-4">
						<ul class="caoleft">
							<li>
								<input type="checkbox" id="express" />
								<label for="express">快递费</label>
							</li>
							<li>
								<input type="checkbox" id="process" />
								<label for="process">加工费</label>
							</li>
							<li>
								<input type="checkbox" id="medical" />
								<label for="medical">医疗费</label>
								<ul class="otherlist">
									<li>
										<input type="checkbox" id="physician" />
								<label for="physician">诊疗费</label>
									</li>
									<li>
										<input type="checkbox" id="medicine" />
								<label for="medicine">条药费</label>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="col-md-8 col-sm-8">
						<div class="rright">
							<table >
								<tr class="bule"><th>费用名称</th><th>费用</th></tr>
								<tr><td>Data</td></tr>
							</table>
						</div>
					</div>
				</div>
			</div>	
		</div>
	</body>
</html>